<%@ page language="java" contentType="text/html; charset=UTF8"
	pageEncoding="UTF8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<title>Na`Vi AppStore</title>
<script type="text/javascript" src="references/js/paypal-button.min.js"></script>
<script src="references/js/jquery-2.1.0.min.js">
</script>
<script type="text/javascript">
function deleteAppAction(i){
	if (confirm("Delete ?")) {
		$.ajax({
	        type: "POST",
	        url: "/Struts_1.3_WebApp_FrameWork/deleteAppAction.jms",
	        data: {
	            appid: i
	        }
	        })
	    .done(function (msg) {
	           alert(msg);
	           getHotApp();
	        });
    }
}
function getHotApp(){
$.ajax({
    type: "POST",
    url: "/Struts_1.3_WebApp_FrameWork/getHotAppAction.jms",
    data: {
    }
    })
.done(function (msg) {
            $('#hotapp').html(msg);
            $('ul.da-thumbs > li').hoverdir();
    });
}
$(document).ready(function(){
	getHotApp();
});
</script>
</head>
<body>
	<tiles:insertTemplate template="/pages/masterpage/masterPage.jsp">

		<tiles:putAttribute name="body">
		<div class="col-sm-12 hidden-xs" style="text-align: left;margin-bottom:20px;">
		<div class="home-content">
<h3 style="color: #FFB46F;">Welcome to NaviApp<span>Store</span></h3>
<p>Welcome to the Navi & App Store Affiliate resource site! Our goal with this combination of blog and resource center is to provide in-depth technical documentation to help you better leverage affiliate tools and to provide up to date news and information for our affiliate partners. This site also includes easy sign up for access to our advanced tools as well as an email for general feedback..</p>
</div>
		
		</div>

	<div class="content" style="padding:10px">
       <div class="row" style="
    border-bottom: 1px solid #eee;
">
            <div class="col-xs-12 col-md-9">
                <h3 style="
    float: left;
    font-family: 'WebSymbolsRegular', cursive;
">
                    Hot Application</h3>
                    
            </div>
            <div class="col-xs-12 col-md-3" style="padding:20px">
                <!-- Controls --> 
               <a data-slide="prev" href="#Carousel" class="btn btn-default">‹</a>
                  <a data-slide="next" href="#Carousel"  class="btn btn-default">›</a>
            </div>
        </div>
        
       <div id="Carousel" class="carousel slide">
                 
                <ol class="carousel-indicators">
                    <li data-target="#Carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#Carousel" data-slide-to="1"></li>
                 
                </ol>
                 
                <!-- Carousel items -->
                <div id="hotapp" class="carousel-inner">
                
                
                
                <div class="item active">
                    <div class="row">

                    </div>
                </div>
                
                
                
                <div class="item">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="image_grid portfolio_8col">
							<ul id="list" class="portfolio_list da-thumbs">		
								<li>

									<img src="references/images/portfolio1.jpg" alt="img">
									<article class="da-animate da-slideFromTop"
										style="display: block;">
										<h3 class="price">9.99$</h3>
										<h4 style="color: #D1CCCC">
											<i class="fa fa-cogs"></i>190mb
										</h4>
										<span class="link_post"><a href="#" title="compare"></a></span> <span
											class="link_see"><a href="#" title="see more"></a></span>   <span
											class="link_share"><a href="#" title="share"></a></span>

									</article>
									<div>
										<a class="item-g">Elements: Epic Heroes</a>
									</div> <a>GAMEVIL USA, Inc.</a>
									<div id="page-wrap">

												<span class="rating">
        <input type="radio" class="rating-input"
    id="rating-input-1-5" name="rating-input-1"/>
        <label for="rating-input-1-5" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-4" name="rating-input-1"/>
        <label for="rating-input-1-4" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-3" name="rating-input-1"/>
        <label for="rating-input-1-3" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-2" name="rating-input-1"/>
        <label for="rating-input-1-2" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-1" name="rating-input-1"/>
        <label for="rating-input-1-1" class="rating-star"></label>
</span>

									</div>
								</li>			
							</ul>
						</div>
                            
                        </div>

                        <div class="col-sm-3">
                            <div class="image_grid portfolio_8col">
							<ul id="list" class="portfolio_list da-thumbs">		
								<li>

									<img src="references/images/portfolio1.jpg" alt="img">
									<article class="da-animate da-slideFromTop"
										style="display: block;">
										<h3 class="price">9.99$</h3>
										<h4 style="color: #D1CCCC">
											<i class="fa fa-cogs"></i>190mb
										</h4>
										<span class="link_post"><a href="#" title="compare"></a></span> <span
											class="link_see"><a href="#" title="see more"></a></span>   <span
											class="link_share"><a href="#" title="share"></a></span>

									</article>
									<div>
										<a class="item-g">Elements: Epic Heroes</a>
									</div> <a>GAMEVIL USA, Inc.</a>
									<div id="page-wrap">

												<span class="rating">
        <input type="radio" class="rating-input"
    id="rating-input-1-5" name="rating-input-1"/>
        <label for="rating-input-1-5" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-4" name="rating-input-1"/>
        <label for="rating-input-1-4" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-3" name="rating-input-1"/>
        <label for="rating-input-1-3" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-2" name="rating-input-1"/>
        <label for="rating-input-1-2" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-1" name="rating-input-1"/>
        <label for="rating-input-1-1" class="rating-star"></label>
</span>

									</div>
								</li>			
							</ul>
						</div>
                            
                        </div>


                        <div class="col-sm-3">
                            <div class="image_grid portfolio_8col">
							<ul id="list" class="portfolio_list da-thumbs">		
								<li>

									<img src="references/images/portfolio1.jpg" alt="img">
									<article class="da-animate da-slideFromTop"
										style="display: block;">
										<h3 class="price">9.99$</h3>
										<h4 style="color: #D1CCCC">
											<i class="fa fa-cogs"></i>190mb
										</h4>
										<span class="link_post"><a href="#" title="compare"></a></span> <span
											class="link_see"><a href="#" title="see more"></a></span>   <span
											class="link_share"><a href="#" title="share"></a></span>

									</article>
									<div>
										<a class="item-g">Elements: Epic Heroes</a>
									</div> <a>GAMEVIL USA, Inc.</a>
									<div id="page-wrap">

												<span class="rating">
        <input type="radio" class="rating-input"
    id="rating-input-1-5" name="rating-input-1"/>
        <label for="rating-input-1-5" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-4" name="rating-input-1"/>
        <label for="rating-input-1-4" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-3" name="rating-input-1"/>
        <label for="rating-input-1-3" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-2" name="rating-input-1"/>
        <label for="rating-input-1-2" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-1" name="rating-input-1"/>
        <label for="rating-input-1-1" class="rating-star"></label>
</span>

									</div>
								</li>			
							</ul>
						</div>
                            
                        </div>

                        
                        
                        <div class="col-sm-3">
                            <div class="image_grid portfolio_8col">
							<ul id="list" class="portfolio_list da-thumbs">		
								<li>

									<img src="references/images/portfolio1.jpg" alt="img">
									<article class="da-animate da-slideFromTop"
										style="display: block;">
										<h3 class="price">9.99$</h3>
										<h4 style="color: #D1CCCC">
											<i class="fa fa-cogs"></i>190mb
										</h4>
										<span class="link_post"><a href="#" title="compare"></a></span> <span
											class="link_see"><a href="#" title="see more"></a></span>   <span
											class="link_share"><a href="#" title="share"></a></span>

									</article>
									<div>
										<a class="item-g">Elements: Epic Heroes</a>
									</div> <a>GAMEVIL USA, Inc.</a>
									<div id="page-wrap">

												<span class="rating">
        <input type="radio" class="rating-input"
    id="rating-input-1-5" name="rating-input-1"/>
        <label for="rating-input-1-5" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-4" name="rating-input-1"/>
        <label for="rating-input-1-4" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-3" name="rating-input-1"/>
        <label for="rating-input-1-3" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-2" name="rating-input-1"/>
        <label for="rating-input-1-2" class="rating-star"></label>
        <input type="radio" class="rating-input"
                id="rating-input-1-1" name="rating-input-1"/>
        <label for="rating-input-1-1" class="rating-star"></label>
</span>

									</div>
								</li>			
							</ul>
						</div>
                            
                        </div>

                        
                        
                        
                        
                        
                    </div>
                   
                </div>
             </div><!--.carousel-inner-->
                 
                </div><!--.Carousel-->
                 <div id="downloadLink"></div>
            </div>
    
	<section id="features" class="features section hidden-xs" style="border-top: 1px solid #eee">
       
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon animated fadeInUp delayp1"  >
                        <i class="fa fa-cloud-upload"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">Multiple Device Support</h3>
                        <p>Ready for All Apps- WhiteBox is a great solution for any type of app! Mac, iPhone, iPad, iPod, whatever device your app runs on, WhiteBox has the looks to fit!. </p>  
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon animated fadeInUp delayp1"  >
                        <i class="fa fa-star"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">Multiple Browser Support</h3>
                        <p>App Site All Star- Become an App Site all start with WhiteBox and get a professional, interactive landing page for your app without the need of hiring an expensive web developer!. </p>   
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon animated fadeInUp delayp1"  >
                        <i class="fa fa-users"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">Beautiful UI</h3>
                        <p>Outline an app feature here. You can change the icon above to any of the 300+ <a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">FontAwsome icons</a> available. </p>   
                    </div><!--//content-->               
                </div><!--//item-->
                <div class="item col-md-3 col-sm-6 col-xs-12 text-center">
                    <div class="icon animated fadeInUp delayp1"  >
                        <i class="fa fa-map-marker"></i>                
                    </div><!--//icon-->
                    <div class="content">
                        <h3 class="title">Fully App Information</h3>
                        <p>App comes with fully  information, and full documentation on how to use the template so if you are a pro, or setting up your first... </p>   
                    </div><!--//content-->               
                </div><!--//item-->
          
            
                       </section>

			<logic:notEmpty name="username">
				<bean:write name="username" />
				<bean:write name="role" />
		
		<html:link action="/directorChangePassword">Change Password</html:link>
				<logic:notEqual name="role" value="Administrator">
					<html:link action="/directorViewProfile">View Proflie</html:link>
				</logic:notEqual>
				<logic:equal name="role" value="Administrator">
					<html:link action="/viewAllUser">View All User</html:link>
					<html:link action="/viewAllTransaction">View All Transactionr</html:link>
				</logic:equal>
				<logic:equal name="role" value="Member">
					<html:link action="/directorGoDev">Go Dev</html:link>
					<br>
				</logic:equal>
				<html:link action="/logout">Logout</html:link>
				<html:link action="/directorPayment">Payment </html:link>
				<html:link action="/directorUpload">upload </html:link>
				<html:link action="/listApp">List App</html:link>
				<html:link action="/directorRequestMoney">Request Money</html:link>
			</logic:notEmpty>

			<logic:notEmpty name="pageInfo">
				<bean:write name="pageInfo" />
			</logic:notEmpty>
		</tiles:putAttribute>
	</tiles:insertTemplate>
</body>
</html>